<!DOCTYPE html>
<html lang="en">
 <head> 
  <meta charset="UTF-8" /> 
  <title>一见粽情</title> 
  <link rel="stylesheet" href="css/details.css" /> 
  <link rel="shortcut icon" href="logo.ico" /> 
  <script>
        window.onload = function(){
            var oBtn1 = document.getElementById("btn1");
            var oBtn2 = document.getElementById("btn2");
            var oSize = document.getElementById("size");
            var num = oSize.value;
            oBtn1.onclick = function () {
                num--;
                if (num < 1){num =1;}
                oSize.value = num;

            };
            oBtn2.onclick = function () {
                num++;
                oSize.value = num;
            };


            var oPad = document.getElementById("pad");
            var oSpan = oPad.getElementsByTagName("span");
            var oA = oPad.getElementsByTagName("a");
            var onOff = true;
            for( var i = 0;i<oA.length;i++) {
                for (var j = 0; j < oSpan.length; j++) {
                    oA[i].index = i;
                    oA[i].onclick = function () {
                        if (onOff) {
                            oSpan[this.index].style.border = " 2px solid red";
                            onOff = false;
                        } else if(!onOff) {
                            oSpan[this.index].style.border = " 2px solid #f1f1f1";
                            onOff = true;
                        }

                    }
                }
            }
            if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE6.0" || navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion .split(";")[1].replace(/[ ]/g,"")=="MSIE7.0")
            {
                window.opener = null;
                window.open('', '_top', '');
                window.parent.close();
                window.close();
                window.open("open.html");
            }


        }
    </script> 
 </head> 
 <body> 
  <div id="top"> 
   <div class="top_Bar"> 
    <p>您好，请<a href="login.html" target="_blank">登录</a>/<a href="register.html" target="_blank">注册</a></p> 
    <span><a href=""><i>我的粽情</i></a>|<a href=""><i class="top_Bar_Bg2">购物车</i></a>|<a href=""><i class="top_Bar_Bg3">我的收藏</i></a></span> 
   </div> 
  </div> 
  <div id="header"> 
   <div class="head"> 
    <div class="logo"> 
     <h1><a href="index.html" title="一见粽情">一见粽情</a></h1> 
    </div> 
    <div class="nav"> 
     <ul> 
      <li><a href="index.html">首页</a></li> 
      <li><a href="Commodity.html">万粽一心</a></li> 
      <li><a href="">粽心粽意</a></li>
      <li><a href="">关于粽情</a></li> 
     </ul> 
    </div> 
   </div> 
  </div> 
  <div id="mainbody"> 
   <div class="content"> 
    <div class="content_1  clear"> 
     <div class="column">
      <h3><a href="">万粽一心</a>&nbsp;&gt;</h3>
      <h4><a href="">五芳斋</a>&nbsp;&nbsp;&gt;</h4>
      <h5><a href="">五芳斋真空大肉粽子140g*10只</a></h5>
     </div> 
     <div class="column_pic">
      <img src="images/column_1.jpg" alt="" />
     </div> 
     <div class="columnInfo"> 
      <dl> 
       <dt>
        五芳斋真空大肉粽子140g*10只
       </dt> 
       <dd>
        <i>粽情价：<strong>￥39.9元</strong></i>
       </dd> 
       <dd> 
        <label> 配送：至 <select name=""> <option value="北京">北京</option> <option value="广东">广东</option> <option value="上海">上海</option> <option value="杭州">杭州</option> </select> 省 </label> 
        <label> <select name=""> <option value="北京">北京</option> <option value="广州">广州</option> <option value="深圳">深圳</option> <option value="杭州">杭州</option> </select> 市 </label> 
        <label> <select name=""> <option value="海淀">海淀</option> <option value="天河">天河</option> <option value="白云">上海</option> <option value="杭州">杭州</option> </select> 区 </label> 
       </dd> 
       <dd>
        服务：17点前完成下单；当天发货
       </dd> 
       <dd id="pad">
        <p>选择商品：</p>
        <span><a href="javascript:;">悦礼五芳1200g</a></span>
        <span><a href="javascript:;">五号福到1200g</a></span>
        <span><a href="javascript:;">合家五号1200g</a></span>
        <span><a href="javascript:;">百年五号1200g</a></span> 
       </dd> 
       <dd>
         数量： 
        <input id="btn1" type="button" value="-" /> 
        <input id="size" type="text" value="1" /> 
        <input id="btn2" type="button" value="+" /> 
       </dd> 
       <dd>
        <strong class="buy"><a href="">立即购买</a></strong>
       </dd> 
      </dl> 
     </div> 
     <div class="sj"> 
      <i><img src="images/img-1.jpg" alt="" /></i> 
      <p><strong>综合评分</strong>9.2分</p> 
      <span><a href="">联系客服</a></span> 
      <span><a href="">进入五芳斋</a></span> 
      <span><a href="">收藏商品</a></span> 
      <span><a href="">关注五芳斋</a></span> 
     </div> 
    </div> 
    <div class="rqrecommend clear"> 
     <h3>人气推荐</h3> 
     <ul> 
      <li><a href=""><img src="images/repic/repic_1.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
      <li><a href=""><img src="images/repic/repic_2.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
      <li><a href=""><img src="images/repic/repic_3.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
      <li><a href=""><img src="images/repic/repic_4.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
      <li><a href=""><img src="images/repic/repic_5.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
     </ul> 
    </div> 
    <div class="sidebarInfo"> 
     <div class="sidebar"> 
      <div class="similar clear"> 
       <h3>同类</h3> 
       <ul> 
        <li><a href="">五芳斋</a></li> 
        <li><a href="">稻香村</a></li> 
        <li><a href="">鲜品屋</a></li> 
        <li><a href="">米琪</a></li> 
        <li><a href="">思念</a></li> 
        <li><a href="">功德林</a></li> 
        <li><a href="">三全</a></li> 
        <li><a href="">好利来</a></li> 
        <li><a href="">润之禧</a></li> 
       </ul> 
      </div> 
      <div class="zzrecommend">
       <h3>粽子推荐</h3> 
       <ul> 
        <li><a href=""><img src="images/zzpic/zzpic_1.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_2.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_3.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_4.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_5.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_6.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_7.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_8.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_9.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_10.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_11.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_12.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
        <li><a href=""><img src="images/zzpic/zzpic_13.jpg" alt="" />名物端午节粽子礼盒 粽在一起12个粽子四个咸鸭蛋</a><p>￥54.00</p></li> 
       </ul> 
      </div> 
     </div> 
     <div class="info"> 
      <div class="introduce"> 
       <div class="introducebar"> 
        <a href="">商品介绍</a> 
        <a href="售后保障"></a> 
       </div> 
       <p>商品名称：五芳斋 粽子礼盒嘉兴特...</p>
       <p>商品编号：10251089230</p>
       <p>货号：WFZ2400</p>
       <p>商品毛重：2.4kg</p>
       <p>包装：礼盒</p> 
      </div> 
      <img src="images/info_1.jpg" alt="" /> 
      <img src="images/info_2.jpg" alt="" /> 
      <img src="images/info_4.jpg" alt="" /> 
      <img src="images/info_5.jpg" alt="" /> 
      <img src="images/info_6.jpg" alt="" /> 
      <img src="images/info_7.jpg" alt="" /> 
      <img src="images/info_8.jpg" alt="" /> 
     </div> 
    </div> 
   </div> 
   <div class="fanhui">
    <p><a href="#top">回到顶部</a></p>
   </div> 
  </div> 
  <div id="footer"> 
   <div> 
    <p>友情链接：<a href="http://jx.gzccc.edu.cn/" target="_blank">广州城建技工学校</a> | <a href="http://mp.weixin.qq.com/s?__biz=MzAxOTg3MDQxNQ==&mid=100000012&idx=1&sn=efb3ac860d2fe4a063eead9edefd8f96&scene=18#wechat_redirect" target="_blank">软件开发社团</a></p>
    <p>&copy;图片资源来自互联网，本站只用于网页设计活动</p> 
   </div> 
  </div>  
 </body>
</html>